//
// $(function () {
//     if ($(document).scrollTop() >= 80){
//         $(".mainPageBodyLeft").css("position","fixed");
//     }else{
//     }
// });


$(function () {
    var informationIcon = $(".informationIcon").text();
    if (informationIcon == "0"){
        $(".informationIcon").css("display","none");
    }else{
    }
});        $(".informationIcon").css("display","inline-block");

    //轮播图
    $(function () {
        var num = 0;
        var timer = null;
        go();
        $("#box").mouseenter(function () { //实现当鼠标移动到box上时，不执行自动轮播功能
            clearInterval(timer); //移动进去时清除定时器
        }).mouseleave(function () {
            go(); //移出后执行go函数
        });
        $(".span_list").eq(0).css("backgroundColor", "#3B3B3B");

        //页面加载后默认是第一张图，则让第一个导航圆点变为“选中色”。
        function go() {
            timer = setInterval(function () { //设置定时器
                num++; //用一个全局变量来控制图的运动次数
                if (num > 3) { //如果移动到了最后一张图，则num赋值1，调整ul边距（相当于初始化）
                    num = 1;
                    $(".ul_list").css("margin-left", "0px");
                }
                if (num == 3) { //由于圆点只有三个，而图片有四张，当移动到第四张图片时，给第一个圆点“选中色”。
                    $(".span_list").css("backgroundColor", "transparent");
                    $(".span_list").eq(0).css("backgroundColor", "#3B3B3B");
                } else { //图片运动一次，导航圆点也动态的变换，这里先让所有圆点变为“不选中色”，再让当前圆点变为“选中色”。
                    $(".span_list").css("backgroundColor", "transparent");
                    $(".span_list").eq(num).css("backgroundColor", "#3B3B3B");
                }
                $(".ul_list").stop().animate({
                    "marginLeft": -$("#box").width() * num + "px"
                }, 580); //使用animate实行运动功能
            }, 2000);
        }

        $(".span_list").each(function (index) { //遍历每一个圆点添加点击事件，点击当前圆点则让num值赋为当前圆点的索引
            $(this).click(function () {
                num = index;
                $(".span_list").css("backgroundColor", "transparent");
                $(".span_list").eq(num).css("backgroundColor", "#3B3B3B");
                $(".ul_list").stop().animate({
                    "marginLeft": -$("#box").width() * num + "px"
                }, 580);
            })
        });

        $(".right_click").click(function () {
            //右按钮点击事件，每点击一次num++,这里有很多的判断，是用来消除一些BUG的。
            if (num <= 3) {
                num++;
            }
            if (num > 3) {
                num = 1;
                $(".ul_list").css("margin-left", "0px");
            }
            if (num == 3) {
                $(".span_list").css("backgroundColor", "transparent");
                $(".span_list").eq(0).css("backgroundColor", "#3B3B3B");
            } else {
                $(".span_list").css("backgroundColor", "transparent");
                $(".span_list").eq(num).css("backgroundColor", "#3B3B3B");
            }
            $(".ul_list").stop().animate({
                "marginLeft": -$("#box").width() * num + "px"
            }, 580);

        });

        $(".left_click").click(function () { //左按钮点击事件
            if (num >= 0) {
                num--;
            }
            if (num < 0) {
                num = 2;
                $(".ul_list").css("margin-left", "-300%");
                $(".span_list").css("backgroundColor", "transparent");
                $(".span_list").eq(2).css("backgroundColor", "#3B3B3B");
            } else {
                $(".span_list").css("backgroundColor", "transparent");
                $(".span_list").eq(num).css("backgroundColor", "#3B3B3B");
            }
            $(".ul_list").stop().animate({
                "marginLeft": -$("#box").width() * num + "px"
            }, 580);

        });
        $(".left_click").hover(function () {
            //这里是实现左右按钮的阴影效果显示，用到了hover事件
            $(".btn_left").css("opacity", "1");
        }, function () {
            $(".btn_left").css("opacity", "0.5");
        });

        $(".right_click").hover(function () {
            $(".btn_right").css("opacity", "1");
        }, function () {
            $(".btn_right").css("opacity", "0.5");
        });

    });

    //下载App隐藏的二维码部分
    $(".download").hover(function () {
        $(".downloadHide").toggle();
    });
    $(".downloadHide").hover(function () {
        $(".downloadHide").toggle();
    });

    //登录之后个人信息的下拉菜单部分
    $(".myselfPic").hover(function () {
        $(".myselfDownList").toggle();
    });
    $(".myselfDownList").hover(function () {
        $(".myselfDownList").toggle();
    });
    //退出用户
    $(".loginOut").click(function () {
        $.ajax({
            type: "post",
            url: "/user/loginOut",
            data: {},
            success: function (data) {
                alert(data.msg);
                window.location.href = "/user/sign";
            },
            error: function () {

            }
        });
    });

    //换肤
    $(".face").click(function () {
        $('.faceColorLi').animate({width: 'toggle'}, 350);
        $(".faceColorLi").css("display", "inline-block");

        $.ajax({
            type: "get",
            url: "/config/getAllConfig",
            data: {},
            success: function (data) {
                var str = data.data;
                console.log(data.data);
                arr1 = [];
                arr2 = []
                str.forEach(function (v) {
                    arr1.push(v.color1);
                });
                str.forEach(function (a) {
                    arr2.push(a.cId);
                });
                var list = $(".faceColorLi");
                var input = $(".faceColorLi").find("input");
                for (var i = 0; i < list.length; i++) {
                    list[i].style.backgroundColor = arr1[i];
                }
                for (var a = 0; a < input.length; a++) {
                    console.log(input[a]);
                    $(input[a]).val(arr2[a]);
                }
            },
            error: function () {

            }
        });

    });

    $(".faceColorLi").click(function () {
        var id = $(this).find("input").val();
        console.log(typeof (id));
        $.ajax({
            url: "/config/changeTheme",
            type: "get",
            data: {
                configId: id,
            },
            success: function (data) {
                if (data.success) {
                    window.location.reload();
                }
            }
        })
    })
    //技术频道部分点击导航按钮固定颜色
    $(".mainPageBodyLeftUl").click(function () {
        var idBlog = $("idBlog").val();
        $(".mainPageBodyLeftUl").eq($(this).index() - 1).addClass("mainPageBodyLeftActie").siblings().removeClass("mainPageBodyLeftActie");
        // ajax返回每次点击所需博客分类
        $.ajax({
            type: "post",
            url: "/blog/findBlogByTypeId",
            data: {
                tid: idBlog
            },
            success: function () {

            },
            error: function () {

            }
        });
    });

    //主体文章切换部分点击导航按钮固定颜色
    $(".articleTab li").click(function () {
        $(".articleTab li").eq($(this).index() - 1).addClass("articleTabActie").siblings().removeClass("articleTabActie");
    });

    //点击确定将数据发送到后台，完成删除功能
    $(".bg-model-sure").click(function () {
        $(".bg-model").hide();
        $(".articlePic").hide();
        $("body").css({"overflow": "visible"});
        $.ajax({
            type: "",
            url: "",
            data: {},
            success: function () {

            },
            error: function () {

            }
        });
    });
    //提交搜索框form表单的非空校验
    $(".navBtn").click(function () {
        var input = $("input[name='name']").val();
        if (input == "" || input == null || input == undefined) {
            alert("搜索不能为空");
            return false;/*阻止表单提交*/
        } else {
            alert("提交");
            $(".navBtn").submit();
        }
    });
    /*返回顶部*/
    var _nav = document.getElementById("btnTop");
    //滚动条事件
    window.onscroll = function () {
        //滚动条滚动的高度
        _height = document.documentElement.scrollTop;
//	console.log(_height);
        if (_height >= 100) {
            _nav.style.display = "block";
        } else {
            _nav.style.display = "none";
        }
    }

    function pageScroll() {
        //把内容滚动指定的像素数（第一个参数是向右滚动的像素数，第二个参数是向下滚动的像素数）
        window.scrollBy(0, -100);
        //延时递归调用，模拟滚动向上效果
        scrolldelay = setTimeout('pageScroll()', 100);
        //获取scrollTop值，声明了DTD的标准网页取document.documentElement.scrollTop，否则取document.body.scrollTop；因为二者只有一个会生效，另一个就恒为0，所以取和值可以得到网页的真正的scrollTop值
        var sTop = document.documentElement.scrollTop + document.body.scrollTop;
        //判断当页面到达顶部，取消延时代码（否则页面滚动到顶部会无法再向下正常浏览页面）
        if (sTop == 0) clearTimeout(scrolldelay);
    }
    /*阅读更多*/
    // var timer;
    // $(".readmore").click(function () {
        // $(".a").addClass("refresh")
$(window).scroll(function() {
    var scrollTop = $(this).scrollTop();
    var scrollHeight = $(document).height();
    var windowHeight = $(this).height();
    console.log(scrollHeight, scrollTop, windowHeight);
    if (scrollTop + windowHeight >scrollHeight) {
        var number=$(".page").val()*1;
        $(".page").val(number+1);
        var Num=$(".page").val();
        console.log(Num);
        $.ajax({
            url:"/blog/nextPage",
            type:"post",
            data:{
                page:Num,
            },
            dataType:"json",
            success:function(data){
                var st=data.list;
                var strs="";
                for(var i=0;i<st.length;i++){
                    strs+=`<div class="articleTast">
                <a href="/blog/readBlog?blogId=${st[i].blog.bId}">
                    <div class="articleTitle"><h2>${st[i].blog.bTitle}</h2>
                 </div>
                    <div class="articleWord">${st[i].blog.bAddress}</div>
                    <input id="idBlog" type="hidden" value="${st[i].blog.tId}"/>
                </a>
                <!--文章底部附加功能-->
                <!--作者-->
                <div class="author">${st[i].user.uName}</div>
                <!--点赞-->
                <div class="heart" style="display: inline-block;margin-left: 20px;">
                    <i class="fa fa-heart heart1" style="color:red;"></i> ×
                    <span>${st[i].likeNumber}</span>
                </div>
                <!--评论-->
                <i class="fa fa-commenting" id="commenting" style="color: #6e727b"></i> ×
                <span>${st[i].commentNumber}</span>
                <!--博文发布时间-->
                <span style="float: right;margin-right: 32px;font-size: 13px;color: #96969c;" class="articleTime"
                      >${st[i].blog.bTime}</span>
            </div>`;
                }
                console.log(strs);
                $('.article').append(strs);

            }
        })
        // $('.readmore').addClass('click');
        // clearTimeout(timer);
        // timer = setTimeout(function () {
        //     $('.readmore').removeClass('click');
        // }, 3000);
}
});

